/* flex布局基本三属性 */
@mixin flex($justify-content: center, $align-items: center) {
  display: flex;
  justify-content: $justify-content;
  align-items: $align-items;
}

/* 盒子实体化三属性 */
@mixin box($width: inherit, $height: inherit, $background-color: inherit) {
  width: $width;
  height: $height;
  background-color: $background-color;
}

/* 经过 icon */
@mixin icon-hover($color: #fff, $background-color: #2f6cf7) {
  color: $color;
  background-color: $background-color;
}

/* 点击激活 icon */
@mixin icon-active($color: #4f82fc, $background-color: #ecf3ff) {
  color: $color;
  background-color: $background-color;
}
